<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>购物车</title>
		<link rel="stylesheet" href="./css/shopping cart.css">
		<link rel="stylesheet" href="./css/reset.css">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="header">
			<span>购物车</span>
		</div>
		<ul class="shopping">
			<li class="shopping-list">
				<label for=""><input type="checkbox"></label>
				<img class="bed" src="./img/shopping cart/huisexiang.jpg" alt="">
				<div class="name">
					<div class="description">丛林物语双面印花磨毛四件套</div>
					<div class="norms">1.8M;米白色</div>

					<div class="change">
						<div class="price">￥399.00</div>
						<ul class="number">
							<li class="num"><button type="button">-</button></li>
							<li><input class="tall" type="text" placeholder="1"></li>
							<li class="num"><button type="button">+</button></li>
						</ul>
					</div>
				</div>
				<img class="cancel" src="./img/shouhupdizhi/quxiao.png" alt="">
			</li>
			<li class="shopping-list">
				<label for=""><input type="checkbox"></label>
				<img class="bed" src="./img/shopping cart/huisexiang-02.jpg" alt="">
				<div class="name">
					<div class="description">璀璨灵动 手镯</div>
					<div class="norms">手镯</div>

					<div class="change">
						<div class="price">￥181.00</div>
						<ul class="number">
							<li class="num"><button type="button">-</button></li>
							<li><input class="tall" type="text" placeholder="1"></li>
							<li class="num"><button type="button">+</button></li>
						</ul>
					</div>
				</div>
				<img class="cancel" src="./img/shouhupdizhi/quxiao.png" alt="">
			</li>
			<li class="shopping-list">
				<label for=""><input type="checkbox"></label>
				<img class="bed" src="./img/shopping cart/huisexiang-03.jpg" alt="">
				<div class="name">
					<div class="description">28寸 纯PC”铝矿”（非全铝）</div>
					<div class="norms">神秘灰</div>

					<div class="change">
						<div class="price">￥439.00</div>
						<ul class="number">
							<li class="num"><button type="button">-</button></li>
							<li><input class="tall" type="text" placeholder="1"></li>
							<li class="num"><button type="button">+</button></li>
						</ul>
					</div>
				</div>
				<img class="cancel" src="./img/shouhupdizhi/quxiao.png" alt="">
			</li>
			<li class="shopping-list">
			</li>
		</ul>
		<div class="like">
			<span>猜你喜欢</span>
		</div>
		<ul class="guess">
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/baiselian.jpg" alt="">
					<div class="description">璀璨灵动 项链</div>
					<div class="price">￥149</div>
				</div>
			</li>
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/hongselian.jpg" alt="">
					<div class="description">JD玉髓锆石镶嵌银项链</div>
					<div class="price">￥149</div>
				</div>
			</li>
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/caisebei.jpg" alt="">
					<div class="description">清新趣粉全棉四件套</div>
					<div class="price">￥399</div>
				</div>
			</li>
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/huisebei.jpg" alt="">
					<div class="description">全棉针织条纹四件套</div>
					<div class="price">￥219</div>
				</div>
			</li>
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/shensebei.jpg" alt="">
					<div class="description">色织水洗棉格纹四件套</div>
					<div class="price">￥219</div>
				</div>
			</li>
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/fensexiang.jpg" alt="">
					<div class="description">20寸全铝镁合金登机箱</div>
					<div class="price">￥699</div>
				</div>
			</li>
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/lansexiang.jpg" alt="">
					<div class="description">20寸 PC膜拉链登机箱</div>
					<div class="price">￥249</div>
				</div>
			</li>
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/baisexiang.jpg" alt="">
					<div class="description">104寸纯PC拉链斜纹拉杆箱</div>
					<div class="price">￥299</div>
				</div>
			</li>
		</ul>
		<div class="allin">
			<div class="select">
				<div class="ctrl">
					<label for=""><input type="checkbox"></label>
					<span class="select-all">全选</span>
					<span class="price">￥0.00</span>
				</div>
				<div class="click">下单</div>
			</div>
		</div>
		<div class="allin-other">
			<div class="select">
				<div class="ctrl">
					<label for=""><input type="checkbox"></label>
					<span class="select-all">全选</span>
					<span class="price">￥181.00</span>
				</div>
				<div class="click">下单</div>
			</div>
		</div>
		<ul class="nav ">
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/shouye.png" alt="">
					<div class="introduce">首页</div>
				</div>
			</li>
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/jingxuan.png" alt="">
					<div class="introduce">优选</div>
				</div>
			</li>
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/fenlei.png" alt="">
					<div class="introduce">分类</div>
				</div>
			</li>
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/jiache.png" alt="">
					<div class="introduce">购物车</div>
				</div>
			</li>
			<li class="list">
				<div class="item">
					<img src="./img/shopping cart/wode.png" alt="">
					<div class="introduce">我的</div>
				</div>
			</li>
		</ul>

	</body>
</html>
